.footer {
  width: 100%;

  .top {
    width: 100%;
    overflow: hidden;
    padding: 30px 0 30px;
    background: #F3F3F3 no-repeat;
    background-size: 100% 100%;

    .content {
      width: 1500px;
      margin: 0 auto;

      .sub-top {
        &:after {
          content: '';
          height: 0;
          visibility: hidden;
          display: block;
          clear: both;
        }

        .left {
          margin-left: 30px;
          float: left;

          &:after {
            content: '';
            height: 0;
            visibility: hidden;
            display: block;
            clear: both;
          }

          .bar {
            float: left;
            margin-right: 50px;

            h5 {
              font-family: "微软雅黑";
              font-size: 20px;
              color: #333;
              margin-bottom: 20px;
            }

            ul {
              li {
                margin-bottom: 20px;
                font-family: "微软雅黑";
                font-size: 16px;
                color: #999;

                &:hover {
                  color: #666;
                }
              }
            }
          }
        }

        .right {
          float: right;

          h5 {
            font-family: "微软雅黑";
            font-size: 24px;
            color: #333;
            margin-bottom: 40px;
          }

          div {
            margin-bottom: 25px;
            padding-left: 60px;

            p {
              font-family: "微软雅黑";
              font-size: 16px;
              color: #999;
              margin-bottom: 5px;
            }
          }

          .addr {
            background: url(../img/f1.png) no-repeat 0 1px;
            height: 40px;
          }

          .e-mail {
            background: url(../img/f2.png) no-repeat 0 1px;
            height: 40px;

            p {
              height: 40px;
              line-height: 40px;
            }
          }

          .tel {
            background: url(../img/f3.png) no-repeat 0 9px;
          }
        }
      }

      .sub-bottom {
        margin-top: 30px;

        &:after {
          content: '';
          height: 0;
          visibility: hidden;
          display: block;
          clear: both;
        }

        .left {
          margin-left: 10px;
          float: left;

          &:after {
            content: '';
            height: 0;
            visibility: hidden;
            display: block;
            clear: both;
          }

          div {
            float: left;
            margin-right: 40px;

            img {
              width: 200px;
              height: 200px;
              margin-bottom: 10px;
            }

            p {
              font-family: '黑体';
              font-size: 20px;
              color: #8b8b8b;
              text-align: center;
            }
          }
        }

        .right {
          float: right;
          width: 730px;

          h5 {
            font-family: "微软雅黑";
            font-size: 22px;
            color: #333333;
            margin-bottom: 18px;
          }

          div {
            width: 100%;
            font-size: 0;

            &:after {
              content: '';
              height: 0;
              visibility: hidden;
              display: block;
              clear: both;
            }

            input {
              padding-left: 50px;
              width: 340px;
              height: 50px;
              border: none;
              margin-bottom: 20px;
              margin-right: 50px;
              font-size: 16px!important;

              &:nth-child(2n) {
                margin-right: 0;
              }
            }

            .name {
              background: url(../img/f4.png) no-repeat;
              background-position: 10px 11px;
              background-color: #fff;
            }

            .tel {
              background: url(../img/f5.png) no-repeat;
              background-position: 10px 12px;
              background-color: #fff;
            }

            .e-mail {
              background: url(../img/f6.png) no-repeat;
              background-position: 10px 15px;
              background-color: #fff;
            }

            .qq {
              background: url(../img/f7.png) no-repeat;
              background-position: 10px 13px;
              background-color: #fff;
            }

            textarea {
              padding: 10px;
              width: 730px;
              background-color: #fff;
              height: 60px;
              border: none;
              font-family: "微软雅黑";
              font-size: 18px;
              color: #999999;
            }

            button {
              width: 214px;
              height: 42px;
              background-color: #ff3839;
              font-family: "微软雅黑";
              font-size: 22px;
              color: #fff;
              text-align: center;
              line-height: 42px;
              float: right;
              margin-top: 20px;
              cursor: pointer;
            }
          }
        }
      }
    }
  }

  .bottom {
    width: 100%;
    background-color: #e7e6e3;

    p {
      height: 70px;
      line-height: 70px;
      font-family: "微软雅黑";
      font-size: 14px;
      color: #666666;
      text-align: center;

      a {
        color: #666666;
      }
    }
  }
}

@media screen and (max-width: 1500px) {
  .footer {
    min-width: 1200px;

    .top {
      min-width: 1200px;

      .content {
        width: 1200px;

        .sub-top {
          .left {
            margin-left: 10px;

            .bar {
              margin-right: 20px;

              h5 {
                font-size: 20px;
              }

              ul {
                li {
                  font-size: 18px;
                }
              }
            }
          }

          .right {
            h5 {
              font-size: 24px;
            }

            div {
              p {
                font-size: 18px;
              }
            }
          }
        }

        .sub-bottom {
          .left {
            div {
              margin-right: 30px;

              img {
                width: 200px;
                height: 200px;
                margin-bottom: 30px;
              }
            }
          }

          .right {
            width: 700px;

            div {
              input {
                margin-right: 20px;
              }

              textarea {
                width: 700px;
              }
            }
          }
        }
      }
    }

    .bottom {
      min-width: 1200px;
    }
  }
}
